<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Card Swiper</title>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <div id="swiper">
  </div> 
  <!-- 登录 -------------------------------------------------> 
<div  id='login' class="box">
 <div class="login">
  <div class="login_top">
      <h2>Login</h2>
  </div>
  <div class="login_bottom">
      <form >
          <!-- 邮箱/手机号输入框 -->
          <input type="text" class="input" placeholder="Account" required="required" id="linp"/>
          <!-- 密码输入框 --><br>
          <input type="Password" class="input" placeholder="Password" required="required" id="lpas"/>
      </form>
      <p>
          <input type="checkbox" id="lck">
          <span>I agree to follow the rules.</span>
          <a href="#">Reset Password</a>
      </p>
      <button type="submit" id="btlogin">Open Sesame</button>
      <p>
          <span>New to our website?</span>
          <a href="#">Slide To Register</a>
      </p>
  </div>
  </div>
  <!--           ---------------------------------------------     -->
  <div id="register" class="box">
    <div class="register">
      <div class="register_top">
          <h2>Welcome to register</h2>
      </div>
      <div class="register_bottom">
          <form>
              <!-- 邮箱/手机号输入框 -->
              <input type="text" class="input" placeholder="Account" id="rinp" maxlength="16"/>
              <!-- 密码输入框 --><br>
              <input type="Password" class="input" placeholder="Password" id="rpas"  maxlength="16"/>
              <!-- 重复密码输入框 --><br>
              <input type="Password" class="input" placeholder="Verify Password" id="vrpas"  maxlength="16"/>
        </form>
          <!-- 注册按钮 -->
          <button type="submit" id="btrsave">Join Us</button>
          <p>
              <span>Already have an account?</span>
              <a href="#">Slide To Sing In</a>
          </p>
      </div>
  </div>
</div>
  <script src="./card.js"></script>
  <script src="./script.js"></script>
<script src="storage.js"></script>

</body>
</html>